<template>
  <div>
    <!-- 品牌网站建设 -->
    <div class="ser_website" v-for="(item,index) in list" :key="index">
      <div class="ser_banner">
        <img :src=item.src alt="">
      </div>
      <div class="ser_con">
        <!-- 标题 -->
        <h2>{{item.title}}</h2>
        <div class="line"></div>
        <span>{{item.content}}</span>
        <div class="more">
          <span @click="toservice(item.id)">查看更多</span>
          <img src="https://jingye.oss-cn-qingdao.aliyuncs.com/service/7.png" alt="">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          id: 1,
          src: 'https://jingye.oss-cn-qingdao.aliyuncs.com/service/3.png',
          title: '品牌网站建设',
          content:
            '我们的高品质网站建设整合解决方案结合 了景烨互联网品牌建设经验和整合营销的 理念，并将策略和执行紧密结合...'
        },
        {
          id: 2,
          src: 'https://jingye.oss-cn-qingdao.aliyuncs.com/service/4.png',
          title: '微信定制开发',
          content:
            '微信开发即微信公众平台开发，将企业信 息、服务、活动等内容通过微信网页的方 式进行表现...'
        },
        {
          id: 3,
          src: 'https://jingye.oss-cn-qingdao.aliyuncs.com/service/5.png',
          title: 'APP定制开发',
          content:
            'APP开发，是指专注于手机应用软件开发 与服务。通常专指手机上的应用软件，或 称手机客户端...'
        },
        {
          id: 4,
          src: 'https://jingye.oss-cn-qingdao.aliyuncs.com/service/6.png',
          title: 'VR全景营销',
          content:
            '720全景技术给人们带来全新的真实现场感 和交互式的感受。广泛应用于房地产楼盘 展示、虚拟旅游、虚拟教育等...'
        }
      ]
    }
  },
  methods: {
    toservice(id) {
      switch (id) {
        case 1:
          this.$router.push('/index/fuwu/website')
          break
        case 2:
          this.$router.push('/index/fuwu/wechat')
          break
        case 3:
          this.$router.push('/index/fuwu/app')
          break
        case 4:
          this.$router.push('/index/fuwu/vr')
          break
        default:
          break
      }
    }
  }
}
</script>

<style scoped>
@import url('../../assets/css/service/mService.css');
</style>